<html>
    <head>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link href="datepicker/datepicker.css" rel="stylesheet">
        <script type="text/javascript" src="js/jQuery-2.1.4.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/datepicker.js"></script>
        <script type="text/javascript" src="js/jquery.json-2.4.min.js"></script>
        <script type="text/javascript" src="js/highcharts.js"></script>

        <script type="text/javascript" src="js/utility.js"></script>
        <script src="js/jquery.cookie.js"></script>
        <script type="text/javascript" src="js/datashow.js"></script>
    </head>
    <body>
        <div class="row" style="">
            <div class="col-md-1">
                <label class="label-control" style="float:right;padding-top:10px">日期选择</label>
            </div>
            <div class="col-md-2">
                <input type="text" id="date"  class="form-control date"/>
            </div>
            <div class="col-md-2">
                <label class="label-control" style="float:right;padding-top:10px">设备号选择</label>
            </div>
            <div class="col-md-3">
                <select id="sbh"  class="form-control"></select>
            </div>
        </div>

        <div class="panel panel-success" style="margin-top:20px">
            <div class="panel-heading">
                <h3 class="panel-title">空气/土壤湿度对比曲线</h3>
            </div>
            <div class="panel-body">
                <div class="row" id="container1" style="min-width:700px;height:400px;"></div>
            </div>
        </div>

        <div class="panel panel-success">
            <div class="panel-heading">
                <h3 class="panel-title">空气/土壤湿度对比曲线</h3>
            </div>
            <div class="panel-body">
                <div class="row" id="container2" style="min-width:700px;height:400px"></div>

            </div>
        </div>

        <div class="panel panel-info" >
            <div class="panel-heading">
                <h3 class="panel-title">光照强度</h3>
            </div>
            <div class="panel-body">
                <div class="row" id="container3" style="min-width:700px;height:400px"></div>
            </div>
        </div>

        <div class="panel panel-success" style="margin-top:20px">
            <div class="panel-heading">
                <h3 class="panel-title">PM2.5曲线</h3>
            </div>
            <div class="panel-body">
                <div class="row" id="container4" style="min-width:700px;height:400px;"></div>
            </div>
        </div>

        <div class="panel panel-success">
            <div class="panel-heading">
                <h3 class="panel-title">CO2曲线</h3>
            </div>
            <div class="panel-body">
                <div class="row" id="container5" style="min-width:700px;height:400px"></div>

            </div>
        </div>

        <div class="panel panel-info" >
            <div class="panel-heading">
                <h3 class="panel-title">O2曲线</h3>
            </div>
            <div class="panel-body">
                <div class="row" id="container7" style="min-width:700px;height:400px"></div>
            </div>
        </div>

        <div class="panel panel-info" >
            <div class="panel-heading">
                <h3 class="panel-title">trPH</h3>
            </div>
            <div class="panel-body">
                <div class="row" id="container6" style="min-width:700px;height:400px"></div>
            </div>
        </div>

        <script type="text/javascript" >$.fn.index.initial();</script>
    </body>
</html>